.window {
  position: relative;
  width: 100%;
  min-height: 0px;
  padding-top: calc(100% * 513 / 675);
  background: url(../../assets/window-box.png) no-repeat;
  background-size: 100% 100%;
  &.window-disabled {
    filter: grayscale(1);
  }
  .window-right {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    background: url(../../assets/window.png) no-repeat;
    background-size: 100% 100%;
    transition: all .3s;
  }
  // .window-border {
  //   position: absolute;
  //   top: 0;
  //   bottom: 0;
  //   right: 0;
  //   left: 0;
  //   background: url(../../assets/window-box-border.png) no-repeat;
  //   background-size: 100% 100%;
  // }
}
